<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,viewport-fit=cover,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>尤迈桃李会</title>
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" />
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.min.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/ot-classroom-play.css">
    <link rel="stylesheet" href="css/ot-classroom-index.css">
    <script>(function () { var _53code = document.createElement("script"); _53code.src = "https://tb.53kf.com/code/code/96d8f960b261e49515450f8953b044bc5/1"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s); })();</script>
</head>

<body>
    <div class="pub_bar" left="back" right="menu" transparent="true"></div>
    <!--  -->
    <div class="pub-container has-tabbar bgwhite">
        <div class="ot-video" data-videoId="" data-playdom="players">
            <img src="./image/placeholder/1.jpg" alt="">
            <i class="pub-i-play"></i>
            <div id="players"></div>
        </div>
        <!--  -->
        <div class="hxl_tabs">
            <div class="tabs_item active">目录</div>
            <div class="tabs_item">简介</div>
            <div class="tabs_item">相关课程</div>
        </div>
        <!--  -->
        <div class="relevant_listing">
            <!-- 目录 -->
            <div class="relevant_list bgwhite" style="display: block;">
                <div class="tabs_text">
                    <p class="tabs_p1">XXX医生：课程标题xxxxxxxxxx</p>
                    <p class="tabs_p2">231人正在学习｜38万次播放｜2021-03-15上线</p>
                    <p class="tabs_p2">癫痫病 内科 癫痫病</p>
                    <p class="tabs_p3">专家介绍：</p>
                    <p class="tabs_p3">课程介绍：</p>
                </div>
                <a href="./ot-classroom-buyCard.html">
                    <div class="tabs_card plr15">
                        <p>领取学生证 畅学全网课程</p>
                    </div>
                </a>
                <div class="tabs_buy">
                    <div class="tabs_buy_item active">
                        <a href="./ot-classroom-buyClassroom.html">
                            <p class="tabs_buy_title">购买课程全集</p>
                            <p class="tabs_buy_price">￥<span>2500</span></p>
                        </a>
                    </div>
                    <div class="tabs_buy_item">
                        <a href="./ot-classroom-buyClassroom.html">
                            <p class="tabs_buy_title">购买单讲课</p>
                            <p class="tabs_buy_price">￥<span>300</span></p>
                        </a>
                    </div>
                </div>
                <div class="tabs_live space-border">
                    <div class="tabs_live_item">
                        <img src="./image/hxl/hxl-doctor12.png" alt="">
                        <p>20</p>
                    </div>
                    <div class="tabs_live_item">
                        <img src="./image/hxl/hxl-doctor13.png" alt="">
                        <p>20</p>
                    </div>
                </div>
                <div class="tabs_menu">
                    <div class="tabs_menu_top">
                        <div class="tabs_menu_name">目录</div>
                        <div>
                            <img class="note" src="./image/hxl/hxl-doctor14.png" alt="">
                            <img class="ppt" src="./image/hxl/hxl-doctor15.png" alt="">
                        </div>
                    </div>
                    <div class="menu_cont">
                        <div class="tabs_menu_head">
                            <p>第一讲：标题XXXXXXXXXXXXXXXXXXXX</p>
                            <img src="./image/hxl/hxl-bottom.png" alt="">
                        </div>
                        <div class="tabs_menu_list">
                            <div class="tabs_menu_item"><a href="#">预告片</a> | <a href="#">短视频1</a> | <a href="#">预告片</a>
                                | <a href="#">短视频1</a> | <a href="#">预告片</a> | <a href="#">短视频1</a></div>
                            <div class="tabs_menu_item active">
                                <p class="tabs_menu_title">第一节：标题XXXXXXXXXXXXXXXX</p>
                                <p class="tabs_menu_time">30分钟｜正在播放</p>
                            </div>
                            <div class="tabs_menu_item">
                                <p class="tabs_menu_title">第一节：标题XXXXXXXXXXXXXXXX</p>
                                <p class="tabs_menu_time">30分钟｜正在播放</p>
                            </div>
                            <div class="tabs_menu_item">
                                <p class="tabs_menu_title">第一节：标题XXXXXXXXXXXXXXXX</p>
                                <p class="tabs_menu_time">30分钟｜正在播放</p>
                            </div>
                        </div>
                    </div>
                    <div class="note_cont">
                        <p>笔记笔记笔记笔记笔记笔记笔记笔记笔记笔记</p>
                        <p>笔记笔记笔记笔记笔记笔记笔记笔记笔记笔记</p>
                        <img src="./image/placeholder/1.jpg" alt="">
                        <video src="./image/placeholder/1.mp4" poster="./image/placeholder/1.jpg"></video>
                    </div>
                    <div class="ppt_cont">
                    </div>
                </div>
            </div>
            <!-- 简介 -->
            <div class="relevant_list bgwhite">
                <div class="tabs_text">
                    <p class="tabs_p1">XXX医生：课程标题xxxxxxxxxx</p>
                    <p class="tabs_p2">231人正在学习｜38万次播放｜2021-03-15上线</p>
                    <p class="tabs_p2">癫痫病 内科 癫痫病</p>
                    <p class="tabs_p3">专家介绍：XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
                    <p class="tabs_p3">课程介绍：XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
                </div>
            </div>
            <!-- 相关课程 -->
            <div class="relevant_list bgwhite">
                <div class="hot-course">
                    <!--  -->
                    <ul class="list">
                        <li class="list_item space-border">
                            <div class="hot_center">
                                <div class="hot_left">
                                    <img class="hot_img" src="" alt="">
                                    <div class="hot_p2">范洪伟 专家</div>
                                </div>
                                <div class="hot_right">
                                    <div class="hot_p3 text-cut-one">XXXX专家xxxx科系列课程</div>
                                    <div class="hot_p4">专家姓名 职称</div>
                                    <div class="hot_p4">医院医院医院医院 科室</div>
                                    <div class="hot_p5">癫痫病 内科 癫痫病</div>
                                </div>
                            </div>
                        </li>
                        <li class="list_item space-border">
                            <div class="hot_center">
                                <div class="hot_left">
                                    <img class="hot_img" src="" alt="">
                                    <div class="hot_p2">范洪伟 专家</div>
                                </div>
                                <div class="hot_right">
                                    <div class="hot_p3 text-cut-one">XXXX专家xxxx科系列课程</div>
                                    <div class="hot_p4">专家姓名 职称</div>
                                    <div class="hot_p4">医院医院医院医院 科室</div>
                                    <div class="hot_p5">癫痫病 内科 癫痫病</div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src="https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-h5-min.js"></script>
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/jquery-weui.min.js"></script>
    <script src="js/md5.js"></script>
    <script src="js/public.js"></script>
    <script>
        let isBuy = false // true已购买 false未购买
        if (isBuy) {
            $('.tabs_card').hide()
            $('.tabs_buy').hide()
        }

        $(document).on('click', '.tabs_item', function () {
            let index = $(this).index()
            $(this).addClass('active').siblings().removeClass("active")
            $(this).parent().next('.relevant_listing').find('.relevant_list').eq(index).show().siblings().hide()

            $(".tabs_menu_name").html('目录')
            $(".menu_cont").show()
            $('.note_cont').hide()
            $('.ppt_cont').hide()
        })

        $(document).on('click', '.tabs_menu_head', function () {
            $(this).toggleClass('active').next('.tabs_menu_list').slideToggle()
        })

        $(document).on('click', '.note', function () {
            $(".tabs_menu_name").html('笔记')
            $(".menu_cont").hide()
            $('.note_cont').show()
            $('.ppt_cont').hide()
        })

        $(document).on('click', '.ppt', function () {
            $(".tabs_menu_name").html('PPT')
            $(".menu_cont").hide()
            $('.note_cont').hide()
            $('.ppt_cont').show()
        })

        let id = getQueryString('id')

        gethttp('/ld/lesson', {
            data: {
                id: id
            },
            success: function (res) {
                console.log(res)
                $('.ot-video').attr('data-videoid', res.data.lesson.videoAlyid)
            }
        })
    </script>
</body>

</html>